<template>
  <div id="app">
    <header></header>
    <main></main>
    <footer></footer>
  </div>
</template>
<script>
import axios from 'axios'
export default {

  created() {
    // this.$http({
    //   url: '/api/tabs',
    //   method: 'GET',
    // })
    //   .then(data => {
    //     console.log(data)
    //   })
    axios.get('http://quanzhan.site:3000/api/tabs')
      .then(data => {
        console.log(data)
      })
  },
}
</script>

<style lang="less">
@font-face {
  font-family: 'iconfont';  /* project id 3425808 */
  src: url('?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_3425808_2j589u90cgb.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_3425808_2j589u90cgb.woff') format('woff'),
  url('https://at.alicdn.com/t/font_3425808_2j589u90cgb.ttf') format('truetype'),
  url('#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html, body, #app {
  height: 100%;
}
#app{
  display: flex;
  flex-direction: column;
}
& > main {
    flex: 1;
    overflow: auto;
  }
</style>
